<template>
    <div class="xia">
    <el-row class="wiath">
            <el-col v-for="item of item.data" justify="center" :span="8" class="yin">
                <el-card :body-style="{ padding: '0px' }" shadow="never" class="border" >
                    <img :src="item.imgUrl" style="width:380px;height: 139px;"
                        class="image" />

                </el-card>
            </el-col>
        </el-row>
</div>
</template>
<script setup>
    import {postMultipleGetAdimgUrl} from '../../utils/api'
    import {reactive} from 'vue'

    const item=reactive({data:[]});
    async function search(){
        let {data} = await postMultipleGetAdimgUrl();
        item.data.length=0;
        item.data.push(...data.data);
    }
    search();
</script>
<style scoped>
    .xia{
        margin-top: 30px;
    }
    .border{
        border: 0px;
    }
</style>